﻿@{
    ViewBag.Title = "Contact";
}
<div class="row ">
    <div class="col-md-3">
        <h2 style="color:blue">手机<span id="shouji" class="iconfont">&#xe61c;</span></h2>
        <div class="list-group">
            <a href="#" class="list-group-item ">华为</a>
            <a href="#" class="list-group-item">OPPO</a>
            <a href="#" class="list-group-item">苹果</a>
            <a href="#" class="list-group-item">vivo</a>
            <a href="#" class="list-group-item">小米</a>
            <a href="#" class="list-group-item">魅族</a>
        </div>
    </div>
    <div class="col-md-3">
        <h2 style="color:blue">笔记本<span id="bijiben" class="iconfont">&#xe615;</span></h2>
        <div class="list-group">
            <a href="#" class="list-group-item ">联想</a>
            <a href="#" class="list-group-item">惠普</a>
            <a href="#" class="list-group-item">外星人</a>
            <a href="#" class="list-group-item">苹果</a>
            <a href="#" class="list-group-item">华硕</a>
            <a href="#" class="list-group-item">戴尔</a>
        </div>
    </div>
    <div class="col-md-3">
        <h2 style="color:blue">游戏设备<span id="diannao" class="iconfont">&#xe66b;</span></h2>
        <div class="list-group">
            <a href="#" class="list-group-item ">三星</a>
            <a href="#" class="list-group-item">HKC</a>
            <a href="#" class="list-group-item">航嘉</a>
            <a href="#" class="list-group-item">七彩虹</a>
            <a href="#" class="list-group-item">Benq</a>
            <a href="#" class="list-group-item">索泰</a>
        </div>
    </div>
    <div class="col-md-3">
        <h2 style="color:blue">数码影音<span id="xiangji" class="iconfont">&#xe7ea;</span></h2>
        <div class="list-group">
            <a href="#" class="list-group-item ">三星</a>
            <a href="#" class="list-group-item">松下</a>
            <a href="#" class="list-group-item">索尼</a>
            <a href="#" class="list-group-item">佳能</a>
            <a href="#" class="list-group-item">JVC</a>
            <a href="#" class="list-group-item">尼康</a>
        </div>
    </div>
</div>
<hr>


@*今日热点区*@
<h2>今天热点</h2>
<div class="row">
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img src="~/img/contact/contact1.png" alt="" style="width:350px; height:227px">
            <div class="caption">
                <a href="#">手机和平板电脑的区别 买个平板有必要吗?</a>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img src="~/img/contact/contact2.png" alt="" style="width:350px; height:227px">
            <div class="caption">
                <a href="#">难逃小众怪圈 Ubuntu手机系统体验及分析</a>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img src="~/img/contact/contact3.png" alt="" style="width:350px; height:227px">
            <div class="caption">
                <a href="#">MWC今年国货雄起 最强配置手机平板都是国货</a>
            </div>
        </div>
    </div>
</div>
<hr>

<div class="row ">
    <div class="col-md-12">
        <h3 style="color:red">热门手机</h3>
        <div class="list-group">
            <a href="#" class="list-group-item ">
                vivo Z5x &nbsp; &nbsp; &nbsp;OPPO K5 &nbsp; &nbsp; &nbsp; 华为畅享10 &nbsp; &nbsp; &nbsp;魅族Note 9 &nbsp; &nbsp; &nbsp;荣耀20青春版 &nbsp; &nbsp; &nbsp;
                一加7T &nbsp; &nbsp; &nbsp;OPPO Reno Ace &nbsp; &nbsp; &nbsp;华为nova 5 Pro &nbsp; &nbsp; &nbsp;vivo X27 &nbsp; &nbsp; &nbsp;
            </a>
            <a href="#" class="list-group-item">
                魅族16s &nbsp; &nbsp; &nbsp;荣耀V20 &nbsp; &nbsp; &nbsp;一加7 Pro &nbsp; &nbsp; &nbsp;vivo NEX 3 &nbsp; &nbsp; &nbsp;Mate30 Pro &nbsp; &nbsp; &nbsp;
                Reno 10倍变焦版 &nbsp; &nbsp; &nbsp;三星Galaxy Note 10+ &nbsp; &nbsp; &nbsp;iPhone 11 Pro Max &nbsp; &nbsp; &nbsp;
            </a>
            <a href="#" class="list-group-item">OPPO 21 &nbsp; &nbsp; &nbsp;iPhone XS &nbsp; &nbsp; &nbsp;iPhone XR &nbsp; &nbsp; &nbsp;iPhone XR Max &nbsp; &nbsp; &nbsp;iPhone X &nbsp; &nbsp; &nbsp;iPhone 8 &nbsp; &nbsp; &nbsp;华为P30 Pro &nbsp; &nbsp; &nbsp;华为mate30 Pro &nbsp; &nbsp; &nbsp;华为mate X &nbsp; &nbsp; &nbsp;</a>

        </div>
    </div>
</div>
<hr>



<div class="row">
    <div class="col-md-6">
        <a href="#">返回顶部</a>
    </div>

</div>
@*左边固定广告栏*@
<div class="Advertisement ">
    <nav class="col-sm-3 col-4" id="myScrollspy">
        <ul class="nav nav-pills flex-column" style="background-color:#99ffff">
            <li class="nav-item">
                <a class="nav-link active" data-toggle="tooltip" data-placement="right" title="开发者联盟" href="#section1" style="color:black;">关于我们</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tooltip" data-placement="right" title="QQ946232976" href="#section2" style="color:black;">联系方式</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#section3" style="color:black;">广告投资</a>
            </li>

        </ul>
    </nav>
</div>
<hr />


<footer>
    <p>&copy; @DateTime.Now.Year - 随查科技网</p>
</footer>
<link href="~/Content/iconstyle.css" rel="stylesheet" />